<template>
  <uni-popup ref="popup" type="bottom" background-color="#fff" border-radius="20rpx 20rpx 0 0" :is-mask-click="false">
    <view style="height: 75vh;position: relative;">
      <text class="iconfont icon-close fs-40 cfs-717171" style="position: absolute;right: 16rpx;top: 16rpx; z-index:1;"
        @click="close"></text>
      <view v-if="title" class="h-90 text-align-center fs-36 cfs-030000 fw-500" style="line-height:90rpx">{{ title }}
      </view>
      <scroll-view scroll-y style="height:100%">
        <view class="pl-32 pr-32" :class="title ? '' : 'pt-54'">
          <view class="mb-60">
            <radio color="#fd6801"  style="transform:scale(0.8)"  checked /><text class="fs-30 fw-500 cfs-030000">小米自营</text>
          </view>
          <view class="mb-60">
            <radio color="#fd6801" style="transform:scale(0.8)"  checked /><text class="fs-30 fw-500 cfs-030000">仿米发货</text>
            <view class="ml-50 mt-20 fs-22 cfs-717171">7天无理由就是不退货</view>
          </view>
          <view class="mb-60">
            <radio color="#fd6801"  style="transform:scale(0.8)" checked /><text class="fs-30 fw-500 cfs-030000">7天无理由就是不退货</text>
          </view>
          <view>
            <radio color="#fd6801" style="transform:scale(0.8)"  checked /><text class="fs-30 fw-500 cfs-030000">运费说明</text>
            <view class="ml-50 mt-20 fs-22 cfs-717171">不管满多少，就是不包邮；</view>
            <view class="ml-50 mt-20 fs-22 cfs-717171">特殊产品，也是一样;</view>
          </view>
        </view>

      </scroll-view>

      <view class="h-100 cbg-fd6801 text-align-center cfs-fff fs-28"
        style="line-height: 100rpx;position: fixed;left: 0;right: 0;bottom: 0;" @click="confirm">确定</view>
    </view>
  </uni-popup>
</template>
<script>
export default {
  name: 'specialPopUpComp',
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  data() {

    return {
      configuration: {
        color: { text: '颜色', list: [{ name: '火焰红', id: 0 }, { name: '炭黑', id: 1 }, { name: '冰川蓝', id: 2 }, { name: '青春绿', id: 3 }], active: 0 },
        storage: { text: '容量', list: [{ name: '64GB', id: 0 }, { name: '128GB', id: 1 }, { name: '256GB', id: 2 }], active: 1 },
        menu: { text: '套餐', list: [{ name: '标配', id: 0 }, { name: '套餐一', id: 1 }, { name: '套餐二', id: 2 }], active: 0 },
      },
      num: 1

    }
  },
  methods: {
    open(type = 'bottom') {
      this.$refs.popup.open(type)
    },
    close() {
      this.$refs.popup.close()
    },
    confirm() {
      this.close()
    }

  }
}
</script>
<style lang="scss"></style>
